.pay-ment{
    min-height: 100vh;
    background-color: $bc;
    width: 100%;
    .top-box{
		padding: 20rpx 0;
    }
    .top-content{
		background-color: $fc;
		display: flex;
		align-items: center;
		margin:0 20rpx;
		padding: 20rpx 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		.img-box{
			width: 20%;
			padding: 20rpx;
			text-align: center;
			.img{
				width: 100rpx;
				height: 100rpx;
			}
		}
		.text-content{
			.title{
				width: 350rpx;
				overflow-x: hidden;
				font-size: 30rpx;
				height: 40rpx;
			}
			.text{
				font-size: 25rpx;
				color: $fontgray;
				display: inline-block;
				margin: 5px 0;
			}
			.price-text{
				display:flex;
				align-items: center;
				.red{
					color: $redcolor;
				}
				.grey{
					text-decoration: line-through;
					color: $fontgray;
					font-size: 27rpx;
					margin-left: 20rpx;
				}
			}
		}
	}
	.cell-item{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin:0 20rpx;
		padding: 20rpx 25rpx;
		background-color: $fc;
		border-top: 1px solid $bc;
		.label{
			font-size: 27rpx;
		}
		.right-box{
			line-height: 30px;
			>text{
				font-size: 27rpx;
				display: inline-block;
				margin-right: 75rpx;
			}
			
		}
	}
	.input-box{
		margin:0 20rpx;
		background-color: $fc;
		.input-item{
			display: flex;
			align-items: center;
			padding: 12px 15px;
			color: #333;
			position: relative;
			.label{
				font-size: 14px;
				
			}
			.right-box{
				margin-left: 60rpx;
			}
		}
		.input-item::after{
			content: ' ';
			position: absolute;
			pointer-events: none;
			box-sizing: border-box;
			-webkit-transform-origin: center;
			transform-origin: center;
			top: auto;
			left: 15px;
			right: 0;
			bottom: 0;
			-webkit-transform: scaleY(.5);
			transform: scaleY(.5);
			border-bottom: 1px solid #eee;

		}
	}
	.name-text{
		margin-left: 50px;
		margin-top: 2px;
	}
}